<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>订单管理</title>
    <head th:include="~{sys/common/include::head}"></head>
    <!--    自定义-->
    <link rel="stylesheet" th:href="@{/assets/sys/common/list.css}">
</head>
<body>
<aside th:replace="~{sys/common/include::aside}"></aside>
<main class="main-wrap">
    <header th:replace="~{sys/common/include::main-header}"></header>
    <section class="content-main">
        <div class="search">
            <form id="search-form" class="layui-form" action="" lay-filter="search-form">
                <div class="layui-form-item layui-inline">
                    <label class="layui-form-label">ID:</label>
                    <div class="layui-input-inline">
                        <input type="text" name="id" placeholder="请输入ID" autocomplete="off"
                               class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item layui-inline">
                    <label class="layui-form-label">订单号:</label>
                    <div class="layui-input-inline">
                        <input type="text" name="orderNo" placeholder="请输入订单号" autocomplete="off"
                               title="订单号精确查询" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item layui-inline w-280" >
                    <label class="layui-form-label w-100">会员账号:</label>
                    <div class="layui-input-inline w-170">
                        <input type="text" name="account" placeholder="请输入会员账号" autocomplete="off"
                               title="账号精确查询" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item layui-inline">
                    <label class="layui-form-label">状态:</label>
                    <div class="layui-input-inline">
                        <select name="state">
                            <option value="">不限</option>
                            <option value="CREATED">未支付</option>
                            <option value="PAYED">已支付</option>
                            <option value="SHIPPED">已发货</option>
                            <option value="RECEIVED">已收货</option>
                            <option value="REFUNDING">退款中</option>
                            <option value="REFUNDED">已退款</option>
                        </select>
                    </div>
                </div>

                <div class="layui-form-item layui-inline w-280" >
                    <label class="layui-form-label w-100">下单时间:</label>
                    <div class="layui-input-inline w-170">
                        <input type="text" name="orderTime" placeholder="选择下单时间范围" autocomplete="off"
                               class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item layui-inline">
                    <label class="layui-form-label">收货人:</label>
                    <div class="layui-input-inline">
                        <input type="text" name="receiverName" placeholder="请输入收货人姓名" autocomplete="off"
                               class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item layui-inline">
                    <label class="layui-form-label">手机号:</label>
                    <div class="layui-input-inline">
                        <input type="text" name="receiverPhone" placeholder="请输入收货人手机号" autocomplete="off"
                               class="layui-input">
                    </div>
                </div>

            </form>
        </div>

        <div class="data-grid">
            <!--数据表格-->
            <table class="layui-hide" id="tbl" lay-filter="tbl"></table>
            <!--表格工具栏-->
            <script type="text/html" id="tbl-tb">
                <div class="layui-btn-container">
                    <button class="layui-btn layui-btn-sm" lay-event="edit">
                        <i class="layui-icon layui-icon-edit"></i>修改
                    </button>
                    <button class="layui-btn layui-btn-sm" lay-event="search">
                        <i class="layui-icon layui-icon-search"></i>查询
                    </button>
                    <button class="layui-btn layui-btn-sm" lay-event="reset">
                        <i class="layui-icon layui-icon-refresh"></i>重置
                    </button>
                    <button class="layui-btn layui-btn-sm layui-bg-red" lay-event="del">
                        <i class="layui-icon layui-icon-delete"></i>删除
                    </button>
                </div>
            </script>

            <!--行工具栏-->
            <script type="text/html" id="rowBar">
                <div class="layui-clear-space">
                    <a class="layui-btn layui-btn-xs layui-bg-blue" lay-event="ship">发货</a>
                    <a class="layui-btn layui-btn-xs layui-bg-blue" lay-event="refunded">退款</a>
                    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
                    <a class="layui-btn layui-btn-xs layui-bg-red" lay-event="del">删除</a>
                </div>
            </script>
        </div>
    </section>
</main>
    <div th:include="~{sys/common/include::scripts}"></div>
    <script th:src="@{/assets/sys/order/list.js}"></script>
</body>
</html>